<link href="__PUBLIC__/plugins/fitui/tablegrid.css" rel="stylesheet">
<script src="__PUBLIC__/js/backend/format.js"></script>
<script src="__PUBLIC__/plugins/fitui/tablegrid.js"></script>
<script src="__PUBLIC__/js/backend/mer_wx_material.js"></script>
<script>
var Param = <?php echo json_encode( $param ) ?> ;
$(function(){
  MerWxMaterial.init(<?php echo json_encode( $config ) ?>);
});

</script>

<div class="page-content">
  <ol class="breadcrumb">
    <li><a href="<?php echo $home_url ?>">首页</a></li>
    <li class="active"><?php echo $module_name ?></li>
  </ol>
  <div class="page-content-inner">
    <!-- read_modal -->
    <div class="portlet blue" id="read_modal">
      <!-- portlet-title -->
      <div class="portlet-title">
        <div class="caption"> <i class="fa fa-comments "></i> <?php echo $module_name ?> </div>
        <div class="tools"> 
        <a href="<?php echo $module_url ?>?action=create" class="toolbtn add load_add_modal_btn" data-toggle="tooltip" data-placement="top" title="新增"></a> 
        <a class="toolbtn reload" data-toggle="tooltip" data-placement="top" title="刷新"></a> 
        </div>
      </div><!-- end portlet-title -->
      <div class="portlet-body ">
        <!-- table grid -->
        <div class="table-responsive">
          <table id="data_table" class="table table-striped table-hover table-condensed">
            <thead>
              <tr>
                <th width="80" data-field="pid"  ></th> 
<th width="80" data-field="title"  >标题</th> 
<th width="80" data-field="pic_url"  >图文消息的封面图片素材id（必须是永久mediaID）</th> 
<th width="80" data-field="author"  >作者</th> 
<th width="80" data-field="digest"  >图文消息的摘要，仅有单图文消息才有摘要，多图文此处为空</th> 
<th width="80" data-field="show_cover_pic"  >是否显示封面，0为false，即不显示，1为true，即显示</th> 
<th width="80" data-field="content"  >图文消息的具体内容，支持HTML标签，必须少于2万字符，小于1M，且此处会去除JS</th> 
<th width="80" data-field="url"  >图文消息的原文地址，即点击“阅读原文”后的URL</th> 
<th width="80" data-field="count"  ></th> 

                <th data-formatter="format_opt">操作</th>
                <th>&nbsp;</th>
              </tr>
            </thead>
          </table>
        </div><!-- end table -->
      </div>
    </div> <!-- end portlet read_modal -->
    
    <!-- add_edit_modal  -->
    <div class="portlet" id="add_edit_modal" style="display:none;">
      <div class="portlet-title">
          <div class="caption">
              <i class="fa fa-cogs"></i>
              <span id="action_label"></span>
              <?php echo $module_name ?>
          </div>
      </div>
      <div class="portlet-body ">
          <form id="submit_form" class="form-horizontal">
            <div class="form-group">
              <label class="col-sm-3 control-label"></label>
              <div class="col-sm-7">
                <input name="pid" placeholder="" data-valid="required" data-tips="请填写正确的" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">标题</label>
              <div class="col-sm-7">
                <input name="title" placeholder="标题" data-valid="required" data-tips="请填写正确的标题" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">图文消息的封面图片素材id（必须是永久mediaID）</label>
              <div class="col-sm-7">
                <input name="pic_url" placeholder="图文消息的封面图片素材id（必须是永久mediaID）" data-valid="required" data-tips="请填写正确的图文消息的封面图片素材id（必须是永久mediaID）" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">作者</label>
              <div class="col-sm-7">
                <input name="author" placeholder="作者" data-valid="required" data-tips="请填写正确的作者" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">图文消息的摘要，仅有单图文消息才有摘要，多图文此处为空</label>
              <div class="col-sm-7">
                <input name="digest" placeholder="图文消息的摘要，仅有单图文消息才有摘要，多图文此处为空" data-valid="required" data-tips="请填写正确的图文消息的摘要，仅有单图文消息才有摘要，多图文此处为空" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">是否显示封面，0为false，即不显示，1为true，即显示</label>
              <div class="col-sm-7">
                <input name="show_cover_pic" placeholder="是否显示封面，0为false，即不显示，1为true，即显示" data-valid="required" data-tips="请填写正确的是否显示封面，0为false，即不显示，1为true，即显示" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">图文消息的具体内容，支持HTML标签，必须少于2万字符，小于1M，且此处会去除JS</label>
              <div class="col-sm-7">
                <input name="content" placeholder="图文消息的具体内容，支持HTML标签，必须少于2万字符，小于1M，且此处会去除JS" data-valid="required" data-tips="请填写正确的图文消息的具体内容，支持HTML标签，必须少于2万字符，小于1M，且此处会去除JS" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label">图文消息的原文地址，即点击“阅读原文”后的URL</label>
              <div class="col-sm-7">
                <input name="url" placeholder="图文消息的原文地址，即点击“阅读原文”后的URL" data-valid="required" data-tips="请填写正确的图文消息的原文地址，即点击“阅读原文”后的URL" type="text" class="form-control" >
              </div>
            </div> 
<div class="form-group">
              <label class="col-sm-3 control-label"></label>
              <div class="col-sm-7">
                <input name="count" placeholder="" data-valid="required" data-tips="请填写正确的" type="text" class="form-control" >
              </div>
            </div> 

            <hr>
            <div class="row">
                <div class="col-md-12" style="text-align:center">
                    <button class="btn btn-default btn-lg " id="add_edit_close_btn" type="button"><i class="fa fa-arrow-left"></i> 返回</button>
                    <button class="btn btn-danger btn-lg " id="submit_btn" type="button"><i class="fa fa-edit"></i> 提交</button>
                </div>
            </div>
          </form>
      </div>
    </div> <!-- end portlet add_edit_modal -->
  </div><!-- end page-content-inner -->
</div>